<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <!--iPhone私有标签，它表示：允许全屏模式浏览-->
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <!--iPhone私有标签，它指定的iPhone中safari顶端的状态条的样式-->
    <meta name="format-detection" content="telephone=no; email=no" />
    <!--不识别邮件和不把数字识别为电话号码-->
    <link rel="stylesheet/less" href="./css/front-less/common.less" />
    <link rel="stylesheet/less" href="./css/front-less/index.less" />
    <link rel="stylesheet" href="./lib/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="./lib/layui/css/layui.css">
    <link rel="stylesheet" href="./css/front-less/common.css" />
    <link rel="stylesheet" href="./css/front-less/index.css" />
    <script src="./node_modules/jquery/dist/jquery.js"></script>
    <title>wkt主页</title>
</head>
<body>
<!--导航模块-->
<nav class="container-layout" id="public-header">
    <div class="content-layout" id="header-nav">
        <div class="logo-box">
            <a href="./index.html" class="logo">
                <img src="" alt="">
            </a>
            <div class="classify">
                <span class="classify-log"></span>
                分类
                <div class="category-f">
                    <ul class="cate-f">
                        <li class="cate-detail">
                            <div class="cate-tag">
                                <strong><a href="">IT</a></strong>
                                <div class="listModel">
                                    <div> <a href="">C</a> <a href="">Javascript</a> <a href="">大数据</a></div>
                                </div>
                                <span class="point-r"></span>
                            </div>
                            <div class="list-item">
                                <ul class="itemleft ">
                                    <dl>
                                        <dt>编程语言</dt>
                                        <dd> <a href="">C</a> <a href="">java</a> </dd>
                                    </dl>
                                    <dl>
                                        <dt>前端开发</dt>
                                        <dd> <a href="">web前端</a></dd>
                                    </dl>
                                </ul>
                            </div>
                        </li>
                        <li class="cate-detail">
                            <div class="cate-tag">
                                <strong><a href="">IT</a></strong>
                                <div class="listModel">
                                    <div> <a href="">C</a> <a href="">Javascript</a> <a href="">大数据</a></div>
                                </div>
                                <span class="point-r"></span>
                            </div>
                            <div class="list-item margin-top-95">
                                <ul class="itemleft">
                                    <dl>
                                        <dt>编程语言</dt>
                                        <dd> <a href="">C</a> <a href="">java</a> </dd>
                                    </dl>
                                    <dl>
                                        <dt>前端开发</dt>
                                        <dd> <a href="">web前端</a></dd>
                                    </dl>
                                </ul>
                            </div>
                        </li>
                        <li class="cate-detail">
                            <div class="cate-tag">
                                <strong><a href="">IT</a></strong>
                                <div class="listModel">
                                    <div> <a href="">C</a> <a href="">Javascript</a> <a href="">大数据</a></div>
                                </div>
                                <span class="point-r"></span>
                            </div>
                            <div class="list-item margin-top-190">
                                <ul class="itemleft">
                                    <dl>
                                        <dt>编程语言</dt>
                                        <dd> <a href="">C</a> <a href="">java</a> </dd>
                                    </dl>
                                    <dl>
                                        <dt>前端开发</dt>
                                        <dd> <a href="">web前端</a></dd>
                                    </dl>
                                </ul>
                            </div>
                        </li>
                        <li class="cate-detail">
                            <div class="cate-tag">
                                <strong><a href="">IT</a></strong>
                                <div class="listModel">
                                    <div> <a href="">C</a> <a href="">Javascript</a> <a href="">大数据</a></div>
                                </div>
                                <span class="point-r"></span>
                            </div>
                            <div class="list-item margin-top-285">
                                <ul class="itemleft">
                                    <dl>
                                        <dt>编程语言</dt>
                                        <dd> <a href="">C</a> <a href="">java</a> </dd>
                                    </dl>
                                    <dl>
                                        <dt>前端开发</dt>
                                        <dd> <a href="">web前端</a></dd>
                                    </dl>
                                </ul>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="identity">
                我是教师
            </div>
        </div>
        <div class="main-nav">
            <a href="./index.html" class="nav-unit">首页</a>
            <a href="./discover.html" class="nav-unit">发现</a>
            <a href="./" class="nav-unit">课程</a>
        </div>
        <form action="" class="search-box layui-form">
            <input type="text" class="whole-search" placeholder="请输入课程或老师">
            <input type="submit" class="whole-s-btn layui-icon layui-icon-search" value="">
            <a href="javascript:;" class="close-search layui-icon layui-icon-close"></a>
        </form>
        <ul class="nav navbar-nav navbar-right">
            <li class="navbar-right-item">
                <ul class="fun">
                    <li class="fun-item"><a href="javascript:;" class="icon icon-search"></a></li>
                    <li class="fun-item user-hint">
                        <a href="javascript:;" class="icon icon-hint"></a>
                        <div class="personal-hint">
                            <ul class="fun-d-list">
                                <li class="fun-list">
                                    <a href="./personal-msg.html">评论</a>
                                </li>
                                <li class="fun-list">
                                    <a href="./personal-like.html">赞</a>
                                </li>
                                <li class="fun-list">
                                    <a href="./personal-follow.html">粉丝</a>
                                </li>
                                <li class="fun-list">
                                    <a href="./personal-sys.html">系统通知</a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="fun-item">
                        <a href="javascript:;" class="icon icon-msg"></a>
                        <div class="personal-hint">
                            <ul class="fun-d-list">
                                <li class="fun-list">
                                    <a href="javascript:;">私发</a>
                                </li>
                                <li class="fun-list">
                                    <a href="javascript:;">群聊</a>
                                </li>
                            </ul>
                        </div>
                    </li>
                </ul>
            </li>
            <li class="user-lr">
                <a href="javascript:;" class="register">注册</a>
                <span class="sep">|</span>
                <a href="javascript:;" class="login">登录</a>
            </li>
            <li class="has-login navbar-right-item" sty>
                <a href="javascript:;" class="user-header-top">
                    <img src="" alt="">
                </a>
                <div class="personal-fun">
                    <ul>
                        <li class="fun-list">
                            <a href="./personal-curse-m.html">我的主页</a>
                        </li>
                        <li class="fun-list">
                            <a href="./personal-study-r.html">学习记录</a>
                        </li>
                        <li class="fun-list">
                            <a href="javascript:;" class="login-out">退出登录</a>
                        </li>
                    </ul>
                </div>
            </li>
        </ul>
    </div>
</nav>

<!--登录模块-->
<div id="login-box" class="login-box" style="display: none">
    <div class="full-shade"></div>
    <div class="login-in">
        <div class="login-style login-main">
            <h3 class="login-title">登录</h3>
            <em class="close-btn">x</em>
            <div class="idn-choose">
                <div class="i-chice i-student i-choose">
                    <img src="" alt="" class="idn-img">
                    <p class="i-title">我是学生</p>
                </div>
                <div class="i-chice i-teacher i-choose">
                    <img src="" alt="" class="idn-img">
                    <p class="i-title">我是老师</p>
                </div>
            </div>
            <div class="fun-center">
                <p class="hint-res">若手机号未注册，我们会为您自动注册</p>
                <button class="layui-btn next-btn-f">登录</button>
                <a href="javascript:;" class="fast-login">手机验证码快捷登录</a>
            </div>
            <div class="third-party">
                <p class="third-party-t">第三方登录</p>
                <ul class="tp-list">
                    <li>
                        <span class="icon-t"></span>
                        微信
                    </li>
                    <li>
                        <span class="icon-t"></span>
                        qq
                    </li>
                    <li>
                        <span class="icon-t"></span>
                        微博
                    </li>
                </ul>
            </div>
        </div>
        <div class="login-style by-phone">
            <span class="layui-icon layui-icon-left"></span>
            <h3 class="login-title">登录</h3>
            <em class="close-btn">x</em>
            <img src="" alt="" class="acc-prev">
            <form class="layui-form tel-form" action="">
                <div class="border-box">
                    <span class="prefix">+86</span>
                    <input type="text" placeholder="请输入你的手机号" class="user-tel" name="userTel">
                </div>
                <p class="hint-p">若手机号未注册 ，我们会自动为您注册</p>
                <a href="javascript:;" class="layui-btn next-tel">下一步</a>
            </form>
        </div>
        <div class="login-style f-by-phone">
            <span class="layui-icon layui-icon-left"></span>
            <em class="close-btn">x</em>
            <p class="find-by-phone">手机号找回</p>
            <form class="layui-form tel-form" action="">
                <p class="hint-f">若手机号未注册 ，我们会自动为您注册</p>
                <div class="border-box">
                    <span class="prefix">+86</span>
                    <input type="text" placeholder="请输入你的手机号" class="user-tel" name="userTel">
                </div>
                <a  href="javascript:;" class="layui-btn next-tel-s">下一步</a>
            </form>
        </div>
        <div class="login-style re-password">
            <span class="layui-icon layui-icon-left"></span>
            <em class="close-btn">x</em>
            <p class="find-by-phone">重设密码</p>
            <form class="layui-form tel-form" action="">
                <p class="hint-f">将验证码发送至 <i class="send-phone">1301564545</i></p>
                <input type="text"  maxlength="4" class="veri-p" name="userTel">
                <ul class="veri-list">
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>
                <a href="javascript:;" class="send-vari">点击发送验证码</a>
                <a href="javascript:;" class="layui-btn next-tel-t" >下一步</a>
            </form>
        </div>
				<div class="login-style re-password-code-login">
            <span class="layui-icon layui-icon-left"></span>
            <em class="close-btn">x</em>
            <p class="find-by-phone">登陆验证码</p>
            <form class="layui-form tel-form" action="">
                <p class="hint-f">将验证码发送至 <i class="send-phone">1301564545</i></p>
                <input type="text"  maxlength="4" class="veri-p veri-code" name="userTel">
                <ul class="veri-list">
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>
                <a href="javascript:;" class="send-vari">点击发送验证码</a>
                <a href="javascript:;" class="layui-btn next-tel-code ">登陆</a>
            </form>
        </div>
        <div class="login-style re-password-s">
            <span class="layui-icon layui-icon-left"></span>
            <em class="close-btn">x</em>
            <p class="find-by-phone">重设密码</p>
            <form class="layui-form tel-form" action="">
                <p class="hint-f">您的手机号 <i class="send-phone">1301564545</i></p>
                <div class="new-p-b">
                    <span class="label-n">新密码</span>
                    <input type="text"  maxlength="20" placeholder="8-20位（不能全是字母或数字）" minlength="8" class="new-password" name="newPassword">
                </div>
                <a href="javascript:;" class="layui-btn next-tel-f" >重设密码</a>
            </form>
        </div>
        <div class="login-style re-password-t">
            <span class="layui-icon layui-icon-left"></span>
            <em class="close-btn">x</em>
            <p class="find-by-phone">设置密码</p>
            <form class="layui-form tel-form" action="">
                <p class="hint-f">您的手机号 <i class="send-phone">1301564545</i></p>
                <div class="new-p-b">
                    <span class="label-n">设置密码</span>
                    <input type="text"  maxlength="20" placeholder="8-20位（不能全是字母或数字）" minlength="8" class="new-password" name="newPassword">
                </div>
                <p class="hint-f m-b-44">注册表示同意 <a href="javascript:;" class="agreement">用户协议与隐私政策</a></p>
                <a href="javascript:;" class="layui-btn next-tel-fo">注册</a>
            </form>
        </div>
				<!-- 密码登陆 -->
				<div class="login-style re-password-login">
            <span class="layui-icon layui-icon-left"></span>
            <em class="close-btn">x</em>
            <p class="find-by-phone">输入密码</p>
            <form class="layui-form tel-form" action="">
                <p class="hint-f">您的手机号 <i class="send-phone">1301564545</i></p>
                <div class="new-p-b">
                    <span class="label-n">输入密码</span>
                    <input type="password"  maxlength="20" placeholder="8-20位（不能全是字母或数字）" minlength="8" class="new-password" name="newPassword">
                </div>
                <a href="javascript:;" class="layui-btn next-tel-login">登陆</a>
            </form>
        </div>
        <div class="login-style set-success">
            <span class="layui-icon layui-icon-left"></span>
            <em class="close-btn">x</em>
            <img src="" class="success-logo" alt="">
            <p class="set-success-t">设置成功</p>
            <p class="set-success-con">恭喜您注册成功</p>
            <a href="javascript:;" class="layui-btn enter">进入</a>
        </div>
    </div>
    <div class="set-perfer">
        <h3 class="set-perfer-t">设置学习偏好</h3>
       <!-- <div class="perfer-cate blu">
            <p class="p-cate-title">IT</p>
            <ul class="perfer-list">
                <li class="perfer-item active">编程语言</li>
                <li class="perfer-item">编程语言</li>
                <li class="perfer-item">编程语言</li>
                <li class="perfer-item">编程语言</li>
                <li class="perfer-item">编程语言</li>
                <li class="perfer-item">编程语言</li>
            </ul>
        </div> -->
        
        <!-- <a href="javascript:;" class="save-perfer layui-btn">保存</a> -->
    </div>
</div>

<!--主体部分-->
<div class="container-layout" id="container-main">
    <div class="content-layout" id="main-swiper">
        <div class="layui-carousel" id="top-swiper">
            <div carousel-item class="carousel-item">
              
            </div>
        </div>
    </div>
    <div class="content-layout" id="curse-cate">
        <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
            <ul class="layui-tab-title">
                <li class="layui-this">UI设计</li>
                <li>运营</li>
                <li>平面设计</li>
                <li>云计算大数据</li>
                <a href="" class="show-more">修改偏好&nbsp></a>
            </ul>
            <div class="layui-tab-content">
                <div class="layui-tab-item layui-show">
                    <div class="title-s">
                        <h3 class="cate-title-s">正在直播</h3>
                        <a href="" class="show-more">更多&nbsp></a>
                    </div>
                    <ul class="curse-live-list">
                        <!-- <li class="curse-live">
                            <a href="" class="cur-live-img">
                                <img src="" alt="">
                            </a>
                            <a href="javascript:;" class="curse-name">电商banner设计进阶班进阶班进阶</a>
                            <div class="teachers">
                                <a href="javascript:;" class="teacher-head"><img src="" alt=""></a>
                                <p class="teacher-name">甄妮</p>
                            </div>
                            <p class="has-learn">
                                <i>265456</i>人已学过
                            </p>
                        </li> -->
                       
                    </ul>
                </div>
                <div class="layui-tab-item">内容2</div>
                <div class="layui-tab-item">内容3</div>
                <div class="layui-tab-item">内容4</div>
                <div class="layui-tab-item">内容5</div>

            </div>
        </div>
    </div>
    <div class="content-layout tem-for-curse-cate" id="zero-base">
        <div class="title-s">
            <h3 class="cate-title-s">零基础课程</h3>
            <a href="" class="show-more">更多&nbsp></a>
        </div>
        <div class="z-b-cate">
            <ul class="z-b-cate-l">
                <li class="z-b-swiper">
                    <div class="layui-carousel" id="z-curse">
                        <div carousel-item>
                            <div>条目1</div>
                            <div>条目2</div>
                            <div>条目3</div>
                            <div>条目4</div>
                            <div>条目5</div>
                        </div>
                    </div>
                </li>
                <li class="curse-live z-b-unit">
                    <a href="" class="cur-live-img">
                        <img src="" alt="">
                    </a>
                    <a href="javascript:;" class="curse-name">电商banner设计进阶班进阶班进阶</a>
                    <div class="teachers">
                        <ul class="z-b-curse-garde">
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <i class="garde">4.5</i>
                        </ul>
                        <p class="teacher-name">免费</p>
                    </div>
                    <p class="has-learn">
                        <i>265456</i>人已学过
                    </p>
                </li>
                <li class="curse-live z-b-unit">
                    <a href="" class="cur-live-img">
                        <img src="" alt="">
                    </a>
                    <a href="javascript:;" class="curse-name">电商banner设计进阶班进阶班进阶</a>
                    <div class="teachers">
                        <ul class="z-b-curse-garde">
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <i class="garde">4.5</i>
                        </ul>
                        <p class="teacher-name">免费</p>
                    </div>
                    <p class="has-learn">
                        <i>265456</i>人已学过
                    </p>
                </li>
                <li class="curse-live z-b-unit">
                    <a href="" class="cur-live-img">
                        <img src="" alt="">
                    </a>
                    <a href="javascript:;" class="curse-name">电商banner设计进阶班进阶班进阶</a>
                    <div class="teachers">
                        <ul class="z-b-curse-garde">
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <i class="garde">4.5</i>
                        </ul>
                        <p class="teacher-name">免费</p>
                    </div>
                    <p class="has-learn">
                        <i>265456</i>人已学过
                    </p>
                </li>
                <li class="curse-live z-b-unit">
                    <a href="" class="cur-live-img">
                        <img src="" alt="">
                    </a>
                    <a href="javascript:;" class="curse-name">电商banner设计进阶班进阶班进阶</a>
                    <div class="teachers">
                        <ul class="z-b-curse-garde">
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <i class="garde">4.5</i>
                        </ul>
                        <p class="teacher-name">免费</p>
                    </div>
                    <p class="has-learn">
                        <i>265456</i>人已学过
                    </p>
                </li>
                <li class="curse-live z-b-unit">
                    <a href="" class="cur-live-img">
                        <img src="" alt="">
                    </a>
                    <a href="javascript:;" class="curse-name">电商banner设计进阶班进阶班进阶</a>
                    <div class="teachers">
                        <ul class="z-b-curse-garde">
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <i class="garde">4.5</i>
                        </ul>
                        <p class="teacher-name">免费</p>
                    </div>
                    <p class="has-learn">
                        <i>265456</i>人已学过
                    </p>
                </li>
                <li class="curse-live z-b-unit">
                    <a href="" class="cur-live-img">
                        <img src="" alt="">
                    </a>
                    <a href="javascript:;" class="curse-name">电商banner设计进阶班进阶班进阶</a>
                    <div class="teachers">
                        <ul class="z-b-curse-garde">
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <i class="garde">4.5</i>
                        </ul>
                        <p class="teacher-name">免费</p>
                    </div>
                    <p class="has-learn">
                        <i>265456</i>人已学过
                    </p>
                </li>
            </ul>
        </div>
    </div>
    <div class="content-layout tem-for-curse-cate" id="forward-curse">
        <div class="title-s">
            <h3 class="cate-title-s">进阶课程</h3>
            <a href="" class="show-more">更多&nbsp></a>
        </div>
        <div class="z-b-cate">
            <ul class="z-b-cate-l">
                <li class="z-b-swiper">
                    <div class="layui-carousel" id="j-curse">
                        <div carousel-item>
                            <div>条目1</div>
                            <div>条目2</div>
                            <div>条目3</div>
                            <div>条目4</div>
                            <div>条目5</div>
                        </div>
                    </div>
                </li>
                <li class="curse-live z-b-unit">
                    <a href="" class="cur-live-img">
                        <img src="" alt="">
                    </a>
                    <a href="javascript:;" class="curse-name">电商banner设计进阶班进阶班进阶</a>
                    <div class="teachers">
                        <ul class="z-b-curse-garde">
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <i class="garde">4.5</i>
                        </ul>
                        <p class="teacher-name">免费</p>
                    </div>
                    <p class="has-learn">
                        <i>265456</i>人已学过
                    </p>
                </li>
                <li class="curse-live z-b-unit">
                    <a href="" class="cur-live-img">
                        <img src="" alt="">
                    </a>
                    <a href="javascript:;" class="curse-name">电商banner设计进阶班进阶班进阶</a>
                    <div class="teachers">
                        <ul class="z-b-curse-garde">
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <i class="garde">4.5</i>
                        </ul>
                        <p class="teacher-name">免费</p>
                    </div>
                    <p class="has-learn">
                        <i>265456</i>人已学过
                    </p>
                </li>
                <li class="curse-live z-b-unit">
                    <a href="" class="cur-live-img">
                        <img src="" alt="">
                    </a>
                    <a href="javascript:;" class="curse-name">电商banner设计进阶班进阶班进阶</a>
                    <div class="teachers">
                        <ul class="z-b-curse-garde">
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <i class="garde">4.5</i>
                        </ul>
                        <p class="teacher-name">免费</p>
                    </div>
                    <p class="has-learn">
                        <i>265456</i>人已学过
                    </p>
                </li>
                <li class="curse-live z-b-unit">
                    <a href="" class="cur-live-img">
                        <img src="" alt="">
                    </a>
                    <a href="javascript:;" class="curse-name">电商banner设计进阶班进阶班进阶</a>
                    <div class="teachers">
                        <ul class="z-b-curse-garde">
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <i class="garde">4.5</i>
                        </ul>
                        <p class="teacher-name">免费</p>
                    </div>
                    <p class="has-learn">
                        <i>265456</i>人已学过
                    </p>
                </li>
                <li class="curse-live z-b-unit">
                    <a href="" class="cur-live-img">
                        <img src="" alt="">
                    </a>
                    <a href="javascript:;" class="curse-name">电商banner设计进阶班进阶班进阶</a>
                    <div class="teachers">
                        <ul class="z-b-curse-garde">
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <i class="garde">4.5</i>
                        </ul>
                        <p class="teacher-name">免费</p>
                    </div>
                    <p class="has-learn">
                        <i>265456</i>人已学过
                    </p>
                </li>
                <li class="curse-live z-b-unit">
                    <a href="" class="cur-live-img">
                        <img src="" alt="">
                    </a>
                    <a href="javascript:;" class="curse-name">电商banner设计进阶班进阶班进阶</a>
                    <div class="teachers">
                        <ul class="z-b-curse-garde">
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <i class="garde">4.5</i>
                        </ul>
                        <p class="teacher-name">免费</p>
                    </div>
                    <p class="has-learn">
                        <i>265456</i>人已学过
                    </p>
                </li>
            </ul>
        </div>
    </div>
    <div class="content-layout" id="reco-teachers">
        <div class="title-s">
            <h3 class="cate-title-s">推荐老师</h3>
            <a href="" class="show-more">更多&nbsp></a>
        </div>
        <div class="reco-cate">
            <ul class="reco-cate-d">
               <!-- <li class="teacher-intro">
                    <a href="" class="teacher-head">
                        <img src="" alt="">
                    </a>
                    <strong class="r-teacher-name">珍妮</strong>
                    <p class="r-teacher-occu">腾讯UI设计师</p>
                </li> -->
            </ul>
        </div>
    </div>
    <div class="content-layout" id="edu-dyn">
        <div class="title-s">
            <h3 class="cate-title-s">圈子动态</h3>
            <a href="" class="show-more">更多&nbsp></a>
        </div>
        <div class="dyn-i-s">
            <ul class="dyn-i-s-d">
                <li class="dyn-news">
                    <a href="" class="news-img">
                        <img src="" alt="">
                    </a>
                    <a href="" class="news-title">电商bannner培训班</a>
                    <span class="news-label">#插画</span>
                    <div class="user-f">
                        <ul>
                            <li>
                                <span class="icon"></span>
                                <i>(332)</i>
                            </li>
                            <li>
                                <span class="icon"></span>
                                <i>(332)</i>
                            </li>
                            <li>
                                <span class="icon"></span>
                                <i>(332)</i>
                            </li>
                        </ul>
                    </div>
                    <div class="news-data">
                        10天前&nbsp&nbsp
                    </div>
                </li>
                <li class="dyn-news">
                    <a href="" class="news-img">
                        <img src="" alt="">
                    </a>
                    <a href="" class="news-title">电商bannner培训班</a>
                    <span class="news-label">#插画</span>
                    <div class="user-f">
                        <ul>
                            <li>
                                <span class="icon"></span>
                                <i>(332)</i>
                            </li>
                            <li>
                                <span class="icon"></span>
                                <i>(332)</i>
                            </li>
                            <li>
                                <span class="icon"></span>
                                <i>(332)</i>
                            </li>
                        </ul>
                    </div>
                    <div class="news-data">
                        10天前&nbsp&nbsp
                    </div>
                </li>
                <li class="dyn-news">
                    <a href="" class="news-img">
                        <img src="" alt="">
                    </a>
                    <a href="" class="news-title">电商bannner培训班</a>
                    <span class="news-label">#插画</span>
                    <div class="user-f">
                        <ul>
                            <li>
                                <span class="icon"></span>
                                <i>(332)</i>
                            </li>
                            <li>
                                <span class="icon"></span>
                                <i>(332)</i>
                            </li>
                            <li>
                                <span class="icon"></span>
                                <i>(332)</i>
                            </li>
                        </ul>
                    </div>
                    <div class="news-data">
                        10天前&nbsp&nbsp
                    </div>
                </li>
                <li class="dyn-news">
                    <a href="" class="news-img">
                        <img src="" alt="">
                    </a>
                    <a href="" class="news-title">电商bannner培训班</a>
                    <span class="news-label">#插画</span>
                    <div class="user-f">
                        <ul>
                            <li>
                                <span class="icon"></span>
                                <i>(332)</i>
                            </li>
                            <li>
                                <span class="icon"></span>
                                <i>(332)</i>
                            </li>
                            <li>
                                <span class="icon"></span>
                                <i>(332)</i>
                            </li>
                        </ul>
                    </div>
                    <div class="news-data">
                        10天前&nbsp&nbsp
                    </div>
                </li>
                <li class="dyn-news">
                    <a href="" class="news-img">
                        <img src="" alt="">
                    </a>
                    <a href="" class="news-title">电商bannner培训班</a>
                    <span class="news-label">#插画</span>
                    <div class="user-f">
                        <ul>
                            <li>
                                <span class="icon"></span>
                                <i>(332)</i>
                            </li>
                            <li>
                                <span class="icon"></span>
                                <i>(332)</i>
                            </li>
                            <li>
                                <span class="icon"></span>
                                <i>(332)</i>
                            </li>
                        </ul>
                    </div>
                    <div class="news-data">
                        10天前&nbsp&nbsp
                    </div>
                </li>
                <li class="dyn-news">
                    <a href="" class="news-img">
                        <img src="" alt="">
                    </a>
                    <a href="" class="news-title">电商bannner培训班</a>
                    <span class="news-label">#插画</span>
                    <div class="user-f">
                        <ul>
                            <li>
                                <span class="icon"></span>
                                <i>(332)</i>
                            </li>
                            <li>
                                <span class="icon"></span>
                                <i>(332)</i>
                            </li>
                            <li>
                                <span class="icon"></span>
                                <i>(332)</i>
                            </li>
                        </ul>
                    </div>
                    <div class="news-data">
                        10天前&nbsp&nbsp
                    </div>
                </li>
                <li class="dyn-news">
                    <a href="" class="news-img">
                        <img src="" alt="">
                    </a>
                    <a href="" class="news-title">电商bannner培训班</a>
                    <span class="news-label">#插画</span>
                    <div class="user-f">
                        <ul>
                            <li>
                                <span class="icon"></span>
                                <i>(332)</i>
                            </li>
                            <li>
                                <span class="icon"></span>
                                <i>(332)</i>
                            </li>
                            <li>
                                <span class="icon"></span>
                                <i>(332)</i>
                            </li>
                        </ul>
                    </div>
                    <div class="news-data">
                        10天前&nbsp&nbsp
                    </div>
                </li>
                <li class="dyn-news">
                    <a href="" class="news-img">
                        <img src="" alt="">
                    </a>
                    <a href="" class="news-title">电商bannner培训班</a>
                    <span class="news-label">#插画</span>
                    <div class="user-f">
                        <ul>
                            <li>
                                <span class="icon"></span>
                                <i>(332)</i>
                            </li>
                            <li>
                                <span class="icon"></span>
                                <i>(332)</i>
                            </li>
                            <li>
                                <span class="icon"></span>
                                <i>(332)</i>
                            </li>
                        </ul>
                    </div>
                    <div class="news-data">
                        10天前&nbsp&nbsp
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>
<script src="./js/assets/less.min.js"></script>
<script src="./lib/layui/layui.js"></script>
<script src="./js/request.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/front-js/common.js"></script>
<script src="./js/front-js/index.js"></script>

</body>
</html>